.header {
    background-color: #006699;
   
    z-index: 10;
}
.mui-title {
    color: white;
}
.header a {
    color: white;
}
.footer {
    background-color: #006699;
    z-index: 10;
}
.footer a.mui-tab-item {
    color: white;
}
.footer>a.mui-active {
    color: orangered;
   
}

*{
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
a{
    text-decoration: none;
    color: #cccccc;
}
body {
    /* background-color: orangered; */
    height: 2000px;
}
.goods ul {
    margin: 10px;
}
.goods li {
    width: 33.33%;
    float: left;
}
.goods li a {
    display: block;
}
.goods li a img{
    width: 100%;
}
.produts .title{
    display: block;
}
.produts .title img {
    width: 100%;
}
.produts li {
    float: left;
    width: 25%;
}
.produts li a {
    display: block;
}
.produts li a img{
    width: 100%;
}
.lifeSports .title{
    display: block;
}
.lifeSports .title img {
    width: 100%;
}
.lifeSports li {
    float: left;
    width: 50%;
    padding: 0 5px;
}
.lifeSports li a{
    display: block;
    text-align: center;
    /* background-color: pink; */
    box-shadow: 0 0 5px #cccccc;
    padding: 5px;
}
.lifeSports li a img{
   width: 100%;
}
.lifeSports li a span {
    color: #adadad;
   
}
.lifeSports li a p span:nth-child(1) {
    color: red;
    z-index: 10;
}
